.left-nav{
    transition: all 0.2s;
    position: absolute;
    width: 220px;
    height: 892px;
    background: rgb(46, 49, 59) !important;
     font-size: 12px;
color: #FbF8F8;
   
    
    ul{
        // text-align: center;
        display: inline-block;
        transition: all 0.3s;
        position: absolute;
        // left: 10px;
        top: 35px;
        width: 100%;
        height: 364px;
        font-size: 12px;
        color: azure;
        >li{
            // vertical-align: middle;
            // text-align: center;
            // position: absolute;
            transition: all 0.3s;
            cursor: pointer;
            width: 100%;
            // vertical-align:middle;
            height: 38px;
            display: inline-block;
            padding-left: 20px;
            padding-top: 14px;
            // &:nth-child(2){
            //     background-color: rgba(131, 155, 168,.2);
            // }

            &:hover{
                background-color: rgba(26, 168, 126, .8);
             }
             >span{
                 display: inline-block;
                 margin: 5px 0 0 5px;
                //  padding-top: 10px;
                //  padding-top: 1px;
             }
             >img:nth-child(1){
                // position: absolute;
                float: left;
                // left: 10px;
                // top:60px;
                width: 24px;
                height: 24px;
                // margin-top: 5px;
            }
            >img:nth-child(3){
                float: right;
                display: inline-block;
                margin: 6px 50px 0px 0px;
                width: 12px;
                height: 12px;
                // margin-top: 5px;
            }
            ol{
                display: inline-block;
                width: 100%;
                transition: all 0.2s;
                // position: static;
                // transform: rotateY(0);
                height: 0px;
                overflow: hidden;
                // &:hover{
                //     background-color: rgb(38, 136, 192);
                // }
                >li{
                    // >img{
                    //     width: 12px;
                    //     height: 12px;
                    // }
                    >img{
                        width: 18px;
                        float: left;
                        margin: 17px 0 0 40px;
                    }
                    >span{
                        float: left;
                        // display: inline-block;
                        margin: 0 0 0 0;
                    }
                    line-height: 52px;
                    transition: all 0.2s;
                    display: inline-block;
                    transition: all 0.2s;
                    margin-top: 15px;
                    height:100%;
                    width: 100%;
                    // vertical-align: middle;
                    margin-left: -20px;
                    // transform: rotateY(0);
                    overflow: hidden;
                    list-style-type: circle;
                    font-size: 12px;
                    &:hover{
                        background-color: rgba(131, 155, 168,.2);
                     }
                    // padding-left: 50px;
                    text-align: center;
                    // span{
                    //     display: inline-block;
                    //     transition: all 0.2s;
                    // }
                }
            }
        }
    }
}
